<template>


    <div class="choseGround">
        <div style="text-align: center;padding-top: 10vh;">
            <router-link :to="{name: 'pk_index'}">
                <button type="button" class="btn btn-primary btn-lg btn-block" style="width: 50vw; height: 10vh;">匹配模式</button>
            </router-link>
        </div>
        <div style="text-align: center;padding-top: 10vh;">
            <router-link :to="{name: 'single'}">
                <button type="button" class="btn btn-primary btn-lg btn-block" style="width: 50vw; height: 10vh;">单机模式</button>
            </router-link>
        </div>
    </div>
</template>

<script>

</script>

<style scoped>
    div.choseGround {
        width: 60vw;  
        height: 70vh;	
        background: rgb(50, 50, 50, 0.5); /*背景改成透明的灰色*/
        margin: 40px auto; 
    }

</style>